<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Kode is a Premium Bootstrap Admin Template, It's responsive, clean coded and mobile friendly">
        <meta name="keywords" content="bootstrap, admin, dashboard, flat admin template, responsive," />
        <title>Kode</title>

        <!-- ========== Css Files ========== -->
        <link href="__STATIC__css/root.css" rel="stylesheet">
        <style type="text/css">
            body{
                background: #F5F5F5;
            }
        </style>
    </head>
    <body>

        <div class="login-form">
            <form action="index.html">
                <div class="top">
                    <img src="img/profileimg.png" alt="icon" class="icon profile">
                    <h1>Jonathan Doe</h1>
                    <h4>Unlock Screen</h4>
                </div>
                <div class="form-area">
                    <div class="group">
                        <input type="password" class="form-control" placeholder="Password">
                        <i class="fa fa-key"></i>
                    </div>
                    <button type="submit" class="btn btn-default btn-block">LOGIN</button>
                </div>
            </form>
            <div class="footer-links row">
                <div class="col-xs-6"><a href="#"><i class="fa fa-external-link"></i> Register Now</a></div>
                <div class="col-xs-6 text-right"><a href="#"><i class="fa fa-lock"></i> Forgot password</a></div>
            </div>
        </div>

    </body>
</html>